import React from 'react'
import { HashRouter, Route, Switch, Redirect} from 'react-router-dom'
import App from './App'
import Login from './pages/login'
import Admin from './admin'
import Home from './pages/home';
import Buttons from './pages/ui/buttons'
import Modals from './pages/ui/modals'
import Loadings from './pages/ui/loadings'
import Notice from './pages/ui/notice'
import Messages from './pages/ui/messages'
import Tabs from './pages/ui/tabs'
import Gallery from './pages/ui/gallery'
import Carousel from './pages/ui/carousel'


import NoMatch from './pages/nomatch'

export default class ERouter extends React.Component{
    render(){
        return (
            <HashRouter>
                <App>
                    <Switch>
                        <Route path="/login" component={Login}/>
                        <Route path="/" render={()=>
                            <Admin>
                                <Switch>
                                   <Route path="/home" component={Home}/>
                                   <Route path="/ui/buttons" component={Buttons} />
                                   <Route path="/ui/modals" component={Modals} />
                                   <Route path="/ui/loadings" component={Loadings} />
                                   <Route path="/ui/notification" component={Notice} />
                                   <Route path="/ui/messages" component={Messages} />
                                   <Route path="/ui/tabs" component={Tabs} />
                                   <Route path="/ui/gallery" component={Gallery} />
                                   <Route path="/ui/carousel" component={Carousel} />
                                   <Redirect to="/home" />
                                   {/* <Route component={NoMatch} /> */}
                                </Switch>
                            </Admin>
                        } />   
                    </Switch>
                </App>
            </HashRouter>
        )
    }
}
